// 作用:`vuex`中的`token`我们保存在`user`模块中,直接取值的时候较为麻烦,所用getters来简化代码
// 分析目前token存放的位置是在,store/modules/user.js模块中,然后再模块里面取值需要点很一串的代码
// 就是把取值那段需要写很长的代码,简化了,然后暴露出去给了index.js里面的声明的store仓库名里面的getters
// 这个index.js里面的代码  所以后续的取值语法可以  store.getters.token
// const store = new Vuex.Store({
//   // 模块名
//   modules: {
//     app,
//     settings,
//     user
//   },
//   // getters是vuex的计算属性,作用是简化取值
//   getters
// })

const getters = {
  sidebar: state => state.app.sidebar,
  device: state => state.app.device,
  // 7月9号修改-----------------7月9号修改
  // 简化token,(通过getters`简化了模块中的取值)
  token: state => state.user.token,
  // 7月9号修改-------------7月9号修改----------------
  // 简化用户信息的获取
  userInfo: state => state.user.userInfo,
  // 7月10号修改-------------7月10号修改-------------
  // 定义是否登陆的字段(标记)(userId存在,返回的就是true,不存在返回false)
  // isLogin: state => (!!state.user.userInfo.userId), // 原写是这样,格式化后就是下面这行代码了
  isLogin: state => !!state.user.userInfo.userId

  // avatar: state => state.user.avatar, // 删除官网多余代码
  // name: state => state.user.name // 删除官网多余代码
}
// 暴露出去，有store/index.js导入了getters
export default getters
